<html>
    <head>
        <title>Meebo Notifier Background</title>
        <script type="text/javascript" src="../scripts/backpop.js"></script>
    </head>
    <body onload="onBackgroundLoad();">
        <div id="container">
            <div id="error"></div>
            <div id="header">
                &nbsp;<span class="new" onclick="switchBuddyStatus('buddylist')"><script type="text/javascript">document.write(chrome.i18n.getMessage("backBuddies"));</script></span><span class="status" id="status" onclick="switchBuddyStatus('statuslist')">I&#39;m available</span>
            </div>
            <div id="switchContainer">
                <div id="conversations">
                </div>
                <div id="statuslist">
                    <div class="buddy"><div id="available" class="profile" onclick="changeStatus(this, '');switchBuddyStatus('conversations')"><img class="img" src="../images/status_online.png" /><span class="name">I'm available</span></div></div>
                    <div class="buddy"><div id="invisible" class="profile" onclick="changeStatus(this, '');switchBuddyStatus('conversations')"><img class="img" src="../images/status_invisible.png" /><span class="name">I'm invisible</span></div></div>
                    <div class="buddy"><div id="away" class="profile" onclick="changeStatus(this,'');switchBuddyStatus('conversations')"><img class="img" src="../images/status_away.png" /><span class="name">I'm away</span></div></div>
                </div>
                <div id="buddylist">
                    <div width=400px><input type="text" style="width:99%" onkeyup="searchBuddy(this)" value="Search" /></div>
                    <div id="buddylistcontainer" style="overflow-x: hidden;overflow-y: auto;height:345px"></div>
                </div>
            </div>
        </div>
    </body>
</html>